//管理系统主页(测试阶段)
import React, { Component } from "react";
import { connect } from "dva";
import { Icon, Card } from "antd-mobile";
import {  Link } from "react-router-dom";
import styles from "./ManagementSystem.less";
import zu4 from "../../assets/zu4.png";
import zu5 from "../../assets/zu5.png";
import zu6 from "../../assets/zu6.png";
import zu7 from "../../assets/zu7.png";
import zu8 from "../../assets/zu8.png";
import zu9 from "../../assets/zu9.png";
import moment from "moment";
import ddonfig from '../../ddconfig';
import * as dd from 'dingtalk-jsapi';
//布局套件
ddonfig.setTitle('管理系统主页')
class ManagementSystem extends Component {
    state = {};
    
    render() {
        return (
            <div>
                <div className={styles.wrap}>
                 
                     <Card full className={styles.Card1}>
                        <Card.Body className={styles.cardbody}>
                        <span className={styles.cirheader}></span>
                           <span>生产总览</span>
                        </Card.Body>
                        <Link to="/ProductionOverview">
                            <Card.Header
                                title="生产总览"
                                className={styles.cardheader}
                                thumb={zu4}
                                extra={
                                    <span>
                                        <Icon type={"right"} />
                                    </span>
                                }
                            />
                        </Link>
                    </Card>

                    <Card full className={styles.Card1}>
                        <Card.Body className={styles.cardbody}>
                        <span className={styles.cirheader}></span>
                         报警管理
                        </Card.Body>
                        <Link to="/ProductionIndex">
                            <Card.Header
                                title="生产指标报警"
                                className={styles.cardheader}
                                thumb={zu5}
                                extra={
                                    <span>
                                        <Icon type={"right"} />
                                    </span>
                                }
                                style={{ borderBottom: "1px solid #ccc6" }}
                            />
                        </Link>
                        <Link to="/Environmental">
                            <Card.Header
                                title="环保指标报警"
                                className={styles.cardheader}
                                thumb={zu6}
                                extra={
                                    <span>
                                        <Icon type={"right"} />
                                    </span>
                                }
                            />
                        </Link>
                    </Card>

                    <Card full className={styles.Card1}>
                        <Card.Body className={styles.cardbody}>
                        <span className={styles.cirheader}></span>
                          视频管理
                        </Card.Body>
                        <Link to="/ProductionIndex">
                        <Card.Header
                            title="实时视频"
                            className={styles.cardheader}
                            thumb={zu7}
                            extra={
                                <span>
                                    <Icon type={"right"} />
                                </span>
                            }
                            style={{ borderBottom: "1px solid #ccc6" }}
                        />
                         </Link>
                         <Link to="/Environmental">
                        <Card.Header
                            title="历史视频"
                            thumb={zu8}
                            className={styles.cardheader}
                            extra={
                                <span>
                                    <Icon type={"right"} />
                                </span>
                            }
                        />
                          </Link>
                    </Card>

                    <Card full className={styles.Card1}>
                        <Card.Body className={styles.cardbody}>
                        <span className={styles.cirheader}></span>
                            对外展示
                        </Card.Body>
                        <Link to="/ToShow">
                            <Card.Header
                                title="对外展示"
                                className={styles.cardheader}
                                thumb={zu9}
                                extra={
                                    <span>
                                        <Icon type={"right"} />
                                    </span>
                                }
                            />
                        </Link>
                    </Card>
                </div>
            </div>
        );
    }
}
function mapStateToProps(state) {
    return {};
}
export default connect()(ManagementSystem);
